<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>กรมอุตุวิทยา</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<!--[if lte IE 9]><link type="text/css" rel="stylesheet" href="css/ie.css"><![endif]-->
<link rel="stylesheet" href="css/megamenu.css" type="text/css" media="screen" />
<link href="css/zozo.tabs.css" rel="stylesheet">
<link rel="stylesheet" href="css/horizontal.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="dzsscroller/scroller.css" />
<link rel="stylesheet" type="text/css" href="css/left-menu.css">
<link href="css/inner-tab.css" rel="stylesheet" type="text/css" />
<link href="css/jqtransform.css" rel="stylesheet">
<link rel="stylesheet" href="touchcarousel/touchcarousel.css" />
<link rel="stylesheet" href="touchcarousel/grey-blue-skin/grey-blue-skin.css" />
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
<!--[if lt IE 9]><script src="js/css3-mediaqueries.js"></script><![endif]-->
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBp4Lmo-IZ8NzYECB3F-rwYAAzx9YVo_HA&sensor=false"></script>
<script type="text/javascript">
	function initialize() {
		var myOptions = {
			center: new google.maps.LatLng(13.804087, 100.710279 ),
			zoom: 5,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		var map = new google.maps.Map(document.getElementById("storm-map"),
		myOptions);

		var image = 'images/ico-star.png';
		var myLatLng = new google.maps.LatLng(13.804087, 100.710279 );
		var beachMarker = new google.maps.Marker({
			position: myLatLng,
			map: map,
			icon: image
		});
	}
</script>
</head>

<body onload="initialize()">
<div id="globalWrapper">
<!-- header -->
<div id="header" class="inner-short">
<div id="nav">
<!-- main menu -->
<?php include("inc_mainmenu.php");?>
<!-- main menu -->
</div>
<div id="nav-line"></div>
</div>
<!-- header -->
<!-- quick link -->
<?php include("inc_quick_link.php");?>
<!-- quick link -->
<!-- container -->
<div id="container">
<div id="col-left">
<div id="left-nav-2">
<div class="h-left-menu"><span>เตือนภัย !</span></div>
<div class="verticalNav noJS jAccordion-keepLinksEnabled">
  <ul class="jAccordion-slidesWrapper">
    <li class="jAccordion-slide"><a href="warning.php">ประกาศกรมอุตุวิทยา</a></li>
    <li class="jAccordion-slide"><a href="storm.php" class="nav-select">เส้นทางเดินพายุ</a></li>
    <li class="jAccordion-slide"><a href="earthquake.php">รายงานแผ่นดินไหว</a></li>
  </ul>
</div>
</div>
<div class="clear" style="height:10px;"></div>
<div class="line-blue"></div>
<div class="clear" style="height:2px;"></div>
<div class="left-banner"><a href="#"><div class="pdf"></div><img src="images/banner-11.jpg" width="230" height="73"><div class="txt-banner-blue">เฝ้าระวังเอลนีโญ-ลานีญา<span style="font-size:11px;">(update)</span><img src="images/ico-banner-blue.png" width="11" height="11"></div></a></div>
<div class="clear" style="height:10px;"></div>
<div class="left-banner"><a href="#"><img src="images/banner-12.jpg" width="230" height="73"><div class="txt-banner-blue">ภัยจากสภาวะอากาศ<img src="images/ico-banner-blue.png" width="11" height="11"></div></a></div>
<div class="clear" style="height:10px;"></div>
<div class="left-banner"><a href="#"><img src="images/banner-13.jpg" width="230" height="73"><div class="txt-banner-blue">ภัยจากคลื่นลมในทะเล<img src="images/ico-banner-blue.png" width="11" height="11"></div></a></div>
<div class="clear" style="height:10px;"></div>
<div class="left-banner"><a href="#"><img src="images/banner-14.jpg" width="230" height="73"><div class="txt-banner-blue">ความหมายและที่มาของพายุ<img src="images/ico-banner-blue.png" width="11" height="11"></div></a></div>
<div class="clear" style="height:2px;"></div>
<div class="line-blue"></div>
</div>
<div id="col-right">
<div class="header-txt">เส้นทางเดินพายุ</div>
<div id="storm-map-border">
<div id="storm-map"></div>
</div>
<div id="storm-detail">
<div class="item">
<div class="bg">
<div id="bg-txt1">0</div>
<div id="bg-txt2">63</div>
<div id="bg-txt3">118</div>
</div>
<div class="txt">ความเร็ว (กม./ชม.)</div>
</div>
</div>
<!--Tab-->
<div class="delayload">
<div id="tab-storm">
	<ul>
    	<li><a>พายุ "โซนามุ"</a></li>
		<li><a>พายุ "ซานซาน"</a></li>
  	</ul>
    <div>
        <div>
          <ul class="storm-detail">
          <li><div class="h-inner-tab-b">ชื่อภาษาไทย</div><div class="blue-tab-txt">: โซนามุ</div></li>
          <li><div class="h-inner-tab-b">ความหมาย</div><div class="blue-tab-txt">: ต้นสน</div></li>
          <li><div class="h-inner-tab-b">ชื่อภาษาอังกฤษ</div><div class="blue-tab-txt">: SONAMU (1301)</div></li>
          <li><div class="h-inner-tab-b">ประเทศที่มาของชื่อ</div><div class="blue-tab-txt">: สาธารณรัฐประชาธิปไตยประชาชนเกาหลี</div></li>
          </ul>
          <div class="border-table-storm">
          <table width="100%" cellpadding="0" cellspacing="0">
          <thead>
              <tr>
                  <th rowspan="2">วันที่</th>
                  <th rowspan="2">เวลา</th>
                  <th rowspan="2">ระดับความรุนแรง</th>
                  <th>ความเร็วลมใกล้ศูนย์กลาง</th>
                  <th rowspan="2">ละติจูด</th>
                  <th rowspan="2">ลองจิจูด</th>
              </tr>
              <tr>
                  <th class="bottom">กิโลเมตร/ชั่วโมง</th>
              </tr>
          </thead>
          <tbody>                                    
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
          </tbody>
          </table>
          </div>
        </div>
        <div>
          <ul class="storm-detail">
          <li><div class="h-inner-tab-b">ชื่อภาษาไทย</div><div class="blue-tab-txt">: ซานซาน</div></li>
          <li><div class="h-inner-tab-b">ความหมาย</div><div class="blue-tab-txt">: ต้นสน</div></li>
          <li><div class="h-inner-tab-b">ชื่อภาษาอังกฤษ</div><div class="blue-tab-txt">: SONAMU (1301)</div></li>
          <li><div class="h-inner-tab-b">ประเทศที่มาของชื่อ</div><div class="blue-tab-txt">: สาธารณรัฐประชาธิปไตยประชาชนเกาหลี</div></li>
          </ul>
          <div class="border-table-storm">
          <table width="100%" cellpadding="0" cellspacing="0">
          <thead>
              <tr>
                  <th rowspan="2">วันที่</th>
                  <th rowspan="2">เวลา</th>
                  <th rowspan="2">ระดับความรุนแรง</th>
                  <th>ความเร็วลมใกล้ศูนย์กลาง</th>
                  <th rowspan="2">ละติจูด</th>
                  <th rowspan="2">ลองจิจูด</th>
              </tr>
              <tr>
                  <th class="bottom">กิโลเมตร/ชั่วโมง</th>
              </tr>
          </thead>
          <tbody>                                    
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
              <tr><td>08 ม.ค. 56</td><td>13:00</td><td>หย่อมความกดอากาศต่ำ</td><td>0</td><td>5° 30' 00'' เหนือ</td><td>107° 30' 00'' ตะวันออก</td></tr>
          </tbody>
          </table>
          </div>
        </div>
    </div>
</div>

</div>
<!--Tab-->
</div>
</div>
<!-- container -->
<!-- footer -->
<?php include("inc_footer.php");?>
<!-- footer -->
</div>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="ws/ws-combo.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/zozo.tabs.min.js"></script>
<script src="dzsscroller/scroller.js"></script>
<script type="text/javascript" src="js/jquery.elegantcarousel.min.js"></script>
<script type="text/javascript" src="js/jquery.jAccordion-1.2.5.js"></script>
<script type="text/javascript" src="js/cleantabs2.jquery.js"></script>
<script src="js/jquery.jqtransform.js" type="text/javascript"></script>
<script src="touchcarousel/jquery.touchcarousel-1.1.min.js"></script> 
<script type="text/javascript" src="js/custom.js"></script>
</body>
</html>